@media (max-width: 1199px) {
  .tradingPage {

    #swTradingView {
      height: 500px !important;
    }

    .min {
      display: block !important;
    }

    .max {
      display: none;
    }

    .col1 {
      width: 98.5% !important;
      left: 0 !important;
      top: 58px !important;
    }

    .col2 {
      left: 0 !important;
      top: 950px !important;
    }

    .col1.down {
      position: relative;
    }

    .col2.down {
      position: relative;
    }

    .orderBookListHead,
    .realtimeTradeListWrap,
    .orderBookListWrap,
    .realtimeTradeListHead,
    .realtimeTradeList {
      position: relative !important;
      width: 100% !important;
    }

    /* 下单 */
    .tradeWrap.min {
      order: -1;
      width: 100%;

      .tabTitle {
        height: 60px;
        line-height: 60px;
        border-bottom: 0;

        span {
          width: 50%;
          box-sizing: border-box;
          font-size: 16px;
          color: white;
        }
      }

      .tradeBox {
        .head {
          margin: 10px 0;
          font-size: 14px;
          line-height: 26px;
          em {
            font-size: 14px;
          }
        }

        .inputBox {
          margin: 20px 0;
          height: 30px;
          line-height: 30px;
          display: flex;

          .input {
            flex: 1;
          }
          .desc {
            overflow: hidden;
            background-color: #2A3441;
          }
          .set {
            height: 100%;
            line-height: 1;
            border: 1px solid #000;
            box-sizing: border-box;
          }
          .up, .down {
            display: block;
            width: 100%;
            height: 13px;
            line-height: 13px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            background-color: #191F2B;
            cursor: pointer;
            user-select: none;
          }

          .label {
            font-size: 14px;
            color: #80919C;
          }

          input {
            height: 30px;
          }

          .desc {
            text-align: right;
            padding-right: 10px;
            box-sizing: border-box;
            width: 42px;
            font-size: 14px;
          }
        }

        .btn {
          height: 34px;
          line-height: 34px;
          font-size: 14px;
          margin-top: 28px;
        }
      }

      .tradeBox.buy,
      .tradeBox.sell {
        width: 50%;
        height: auto;
        box-sizing: border-box;
        padding: 34px 40px;
        border-right: 0;
        position: relative;
      }

      .tradeBox.buy::after {
        content: '';
        position: absolute;
        top: 20px;
        right: 0;
        bottom: 20px;
        width: 1px;
        background-color: #39405A;
      }
    }

    /* OrderBook */
    .orderBook.flex {
      width: 100%;
      padding: 10px 20px;
      box-sizing: border-box;
      max-height: 328px;

      .head {
        background-color: #191F2B;
        font-size: 14px;
        margin: 10px 0;
      }

      .order {
        flex-direction: row;

        .orderBookTip {
          display: none;
        }

        .orderSell,
        .orderBuy {
          position: relative;
          flex: 1;

          .orderBookListHead  {
            width: 100%;
            display: block;
          }

          .orderBookListWrap {
            width: 100%;
            max-height: 240px;
          }
        }

        .orderSell::after {
          content: '';
          position: absolute;
          left: 0;
          width: 1px;
          top: 0;
          bottom: 0;
          background-color: #39405A;
        }

        .orderSell {
          padding-left: 40px;
        }

        .orderBuy {
          padding-right: 40px;
          order: -1;
        }
      }

      .realtimeTradeList {
        height: auto !important;
        max-height: 400px;
      }
    }

    /* 实时成交记录 */
    .realtimeTradeListWrap {
      width: 100%;
      border-style: solid;
      border-width: 8px 0;
      border-color: #000;
      border-left: 0 !important;
      height: auto !important;
      padding: 20px 0;
      box-sizing: border-box;
      overflow: hidden;

      .realtimeTradeListHead {
        padding: 0 45px;
        box-sizing: border-box;
        background-color: #191F2B;
        width: 100%;
        background-color: transparent;
        color: #9A9C9E;
        font-size: 14px;
        .thead {
          height: 30px;
          line-height: 30px;
          width: 100%;
          font-size: 12px;
        }
      }
      .max {
        display: block!important;
        padding-left: 50px;
        margin-bottom: 6px;
        box-sizing: border-box;
        color: #80919B;
        font-size: 14px;
      }

      .realtimeTradeList {
        width: 100%;
        height: auto !important;
        max-height: 374px;
        padding: 0 45px;
        box-sizing: border-box;
      }

      .td:nth-child(1) {
        width: 22% !important;
      }

      .td:nth-child(2) {
        width: 34% !important;
      }
      .td:nth-child(3) {
        width: 44% !important;
      }
    }

    /* 委托 */
    .tradingRecordWrap.min {
      width: 100%;
      border: 0;
      border-bottom: 8px solid #000;
      overflow-x: auto;

      .tradingRecord {
        min-width: 760px;

        .tabTitle {
          height: 60px;
          line-height: 60px;
          width: 100%;
          span {
            min-width: 20%;
            font-size: 16px;
            color: white;
            text-align: center;
            box-sizing: border-box;
          }
          span.active {
            background-color: #191F2B;
          }
        }
        .wrap {
          .tools {
            height: 40px;
            line-height: 40px;
          }
          .tradeRecordList {
            tr {
              th:first-child {
                text-indent: 5px!important;
              }
            }
            tr {
              td:first-child {
                text-indent: 5px!important;
              }
            }
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) and (max-width: 1380px) {
  .tradingPage {
    .pageHead {
      .currentPairInfo p {
        padding: 0 5px !important;
      }
     .menuCenter li {
      width: auto !important;
     }
    .menu > .caption {
      padding: 0 10px!important;
    }
    }
  }
}

/*== 为了缩小时保持居中 ==*/
@media (max-width: 1050px) {
  .tradingPage {
    .col1 {
      width: 98% !important;
    }
  }
}

/*== 缩小时K线图保持居中 ==*/
@media (max-width: 960px) {
  .tradingPage {
    .tradingRecordWrap {
      .tradingRecord {
        .wrap{
          .tools {
            .btn {
              margin-left: 0!important;
            }
          }
        }
      }
    }
  }
}
